﻿@{
    ViewBag.Title = "Search";
}

<div id="book-content">
    <div id="book-header">
        <div class="topbar clearfix"></div>
        <div class="return-link"></div>
        <div class="clearfix" id="nav"></div>
    </div>
    <form method="post" action="Search" id="skysales">
        <div style="display:none"></div>
        <div id="flightSearchContainerParent" class="wrap flightSearchContainerParent">
            <div class="panel">
                <div id="FlightSearchContainerDiv" class="flightSearchContainer">
                    <div id="form-search" class="form">
                        <div id="modeHeader"></div>
                        <div id="main" class="search">
                            <h1>Tìm chuyến bay</h1>

                            <div class="price-guarantee">
                                <h3>Luôn cam kết giá rẻ nhất</h3>
                                <p>Giảm tiếp 10% giá vé thấp hơn mà bạn tìm thấy!</p>
                            </div>

                            <div id="search" class="clearfix anim">
                                <div class="search-lcol">
                                    <h2>
                                        Bạn thích đi đâu?
                                    </h2>
                                </div>

                                <div class="search-rcol" style="height: 170px;">
                                    <div class="loader"></div>
                                    <div class="booking">
                                        <div class="search-select fields clearfix">
                                            <div class="field radio">
                                                <input type="radio" id="ControlGroupSearchView_AvailabilitySearchInputSearchView_RoundTrip" name="ControlGroupSearchView$AvailabilitySearchInputSearchView$RadioButtonMarketStructure" class="radioSingle" autofocus value="RoundTrip" />
                                                <label for="ControlGroupSearchView_AvailabilitySearchInputSearchView_RoundTrip">Khứ hồi</label>
                                            </div>
                                            <div class="field radio">
                                                <input type="radio" id="ControlGroupSearchView_AvailabilitySearchInputSearchView_OneWay" name="ControlGroupSearchView$AvailabilitySearchInputSearchView$RadioButtonMarketStructure" class="radioSingle" value="OneWay" checked />
                                                <label for="ControlGroupSearchView_AvailabilitySearchInputSearchView_OneWay">Một chiều</label>
                                            </div>
                                            <div class="field radio">
                                                <input type="radio" id="ControlGroupSearchView_AvailabilitySearchInputSearchView_OpenJaw" name="ControlGroupSearchView$AvailabilitySearchInputSearchView$RadioButtonMarketStructure" value="IpenJaw" class="radioMulti" />
                                                <label for="ControlGroupSearchView_AvailabilitySearchInputSearchView_OpenJaw">Nhiều chặng</label>
                                            </div>
                                        </div>

                                        <fieldset id="search-engine" class="single-booking clearfix" data-currency-selector="active" style="display: block;">
                                            <div class="col1">
                                                <div class="field select-origin">
                                                    <label for="ControlGroupSearchView_AvailabilitySearchInputSearchView_TextBoxMarketOrigin1">Điểm đi</label>
                                                    <div class="input">
                                                        <input id="ControlGroupSearchView_AvailabilitySearchInputSearchView_TextBoxMarketOrigin1" name="ControlGroupSearchView$AvailabilitySearchInputSearchView$TextBoxMarketOrigin1" class="text airport-select location-origin focus-clear" type="text" />
                                                        <span class="airportSelector">select origin</span>
                                                    </div>

                                                    <div class="dialog mega-locations" style="width: 860px; left: -175px; ">
                                                        <div class="header clearfix">
                                                            <strong>Chọn điểm đi</strong>
                                                            <a href="#" class="close">Đóng</a>
                                                        </div>
                                                        <div class="list clearfix">
                                                            <ul class="col">
                                                                <li class="country">Vietnam</li>
                                                                <li>
                                                                    <a href="#" data-city-code="DAD">Đà Nẵng</a>
                                                                </li>
                                                                <li>
                                                                    <a href="#">Hà Nội</a>
                                                                </li>
                                                                <li>
                                                                    <a href="#">Hải Phòng</a>
                                                                </li>
                                                                <li>
                                                                    <a href="#">Nha Trang</a>
                                                                </li>
                                                                <li>
                                                                    <a href="#">Tp. Hồ Chí Minh</a>
                                                                </li>
                                                                <li>
                                                                    <a href="#">Đà Nẵng</a>
                                                                </li>
                                                            </ul>
                                                            <ul class="col">
                                                                <li class="country">Australia</li>
                                                                <li>
                                                                    <a href="#">Mackay</a>
                                                                </li>
                                                                <li>
                                                                    <a href="#">Hà Nội</a>
                                                                </li>
                                                                <li>
                                                                    <a href="#">Hải Phòng</a>
                                                                </li>
                                                                <li>
                                                                    <a href="#">Nha Trang</a>
                                                                </li>
                                                                <li>
                                                                    <a href="#">Tp. Hồ Chí Minh</a>
                                                                </li>
                                                                <li>
                                                                    <a href="#">Đà Nẵng</a>
                                                                </li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="field select-destination">
                                                    <label for="txtDestination" class="hidden">Điểm đến</label>
                                                    <div class="input">
                                                        <input id="ControlGroupSearchView_AvailabilitySearchInputSearchView_TextBoxMarketDestination1" name="ControlGroupSearchView$AvailabilitySearchInputSearchView$TextBoxMarketDestination1" class="text airport-select location-destination focus-clear" type="text" title="Điểm đến" autocomplete="off" />
                                                        <span class="airportSelector">select destination</span>
                                                    </div>
                                                </div>
                                                <div class="fields clearfix">
                                                    <div class="field date">
                                                        <div class="input">
                                                            <label for="ControlGroupSearchView_AvailabilitySearchInputSearchView_TextboxDepartureDate1" class="date" style="display: none;">Ngày đi</label>
                                                            <input type="text" id="ControlGroupSearchView_AvailabilitySearchInputSearchView_TextboxDepartureDate1" autocomplete="off" name="ControlGroupSearchView$AvailabilitySearchInputSearchView$TextboxDepartureDate1" class="text datepick-depart date-pick hasDatepicker" title="Ngày đi" maxlength="10" />
                                                            <img class="ui-datepicker-trigger" src="/Content/Images/clearpixel.gif" alt="..." title="..." />
                                                            <span id="depart-dateformat" class="date-format">dd/mm/yyyy</span>
                                                        </div>
                                                    </div>
                                                    <div class="field date">
                                                        <div class="input" style="opacity: 0.25;">
                                                            <label for="ControlGroupSearchView_AvailabilitySearchInputSearchView_TextboxDestinationDate1" class="date" style="">Ngày về</label>
                                                            <input type="text" id="ControlGroupSearchView_AvailabilitySearchInputSearchView_TextboxDestinationDate1" autocomplete="off" name="ControlGroupSearchView$AvailabilitySearchInputSearchView$TextboxDestinationDate1" value="" class="text datepick-return date-pick hasDatepicker" title="Ngày về" maxlength="10" disabled="">
                                                            <img class="ui-datepicker-trigger" src="/Content/Images/clearpixel.gif" alt="..." title="..." style="opacity: 0.5; cursor: default;">
                                                            <span class="date-format">dd/mm/yyyy</span>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="currency" style="display: block;">
                                                    <label for="ControlGroupSearchView_AvailabilitySearchInputSearchView_DropDownListCurrency" id="ControlGroupSearchView_AvailabilitySearchInputSearchView_DropDownListCurrency_label" style="">Loại tiền </label>
                                                    <select id="ControlGroupSearchView_AvailabilitySearchInputSearchView_DropDownListCurrency" name="ControlGroupSearchView$AvailabilitySearchInputSearchView$DropDownListCurrency" style="">
                                                        <option value="VND">Vietnam Dong</option>
                                                        <option value="USD">US Dollar</option>
                                                    </select>
                                                </div>
                                            </div>

                                        </fieldset>
                                    </div>
                                </div>
                                <div style="clear:both;"></div>
                            </div>
                            
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div id="mainContent" style="position:static;"></div>
    </form>
    <div id="footer-slim" class="clearfix"></div>
</div>

<div id="overlay">
    <h1 id="modal-header" class="top"></h1>
    <a href="#" class="top close"></a>
    <div class="content-wrap"></div>
</div>
